<template>
  <el-table :data="props.tableData" border style="width: 97%" @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55" />
    <template v-for="(item, index) in props.tableColums" :key="index">
      <el-table-column :prop="item.prop" :label="item.label" :width="item.width" v-if="!item.isslot"/>
      <el-table-column v-else :key='item.id' :label="item.label">
                <template #default="scope">
                    <slot :name="item.slotname" :data="scope.row"></slot>
                </template>
      </el-table-column>
    </template>
  </el-table>
</template>

<script setup lang="ts">
import { ref,defineProps} from 'vue'

const multipleSelection = ref<[]>([])
const handleSelectionChange = (val: []) => {
  multipleSelection.value = val
}
let props = defineProps({
  tableData: Array,
  tableColums:Array
})


</script>

<style scoped lang="less"></style>
